﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="PatientIndex.aspx.cs" Inherits="Page_Community_PatientIndex" %>

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no" />
    <title>咨询</title>
    <link href="../../CSS/ylt_common.css" rel="stylesheet" />
    <link href="../../CSS/reset.css" rel="stylesheet" />
    <link href="../../CSS/public1.css" rel="stylesheet" />
    <script src="../../Scripts/jquery-1.8.0.min.js"></script>

    <style type="text/css">
        .satisfaction_select_u2 {
            padding: 3% 20%;
        }

            .satisfaction_select_u2 div {
                display: inline-block;
                width: 48.9%;
                float: left;
                background-color: white;
                text-align: center;
                padding: 3.2% 0 2.5% 0;
                border: 1px solid #78B830;
                font-size: 3rem;
                color: #78B830;
            }

                .satisfaction_select_u2 div:first-child {
                    border-radius: 50px 0 0 50px;
                }

                .satisfaction_select_u2 div:nth-of-type(2) {
                    border-radius: 0 50px 50px 0;
                }

            .satisfaction_select_u2 .bg-color {
                background-color: #78B830;
                color: white;
            }

        .doctors_u2 {
            width: 100%;
            background-color: white;
            margin-bottom: 2%;
        }

        .doctors_header {
            width: 90%;
            padding: 5% 5% 0 5%;
            display: flex;
            align-items: center;
        }
        /*.doctors_header_img{border-radius:50%;width: 12rem;margin: 0;}*/
        .doctors_title_img {
            width: 20%; /*float: left;*/
            border-radius: 50%;
            margin: 0;
        }

        .doctors_header a {
            display: inline-block;
            margin-left: 18px;
        }

        .doctor_name {
            margin-left: 7%; /*float: left;*/
            margin-top: 2%;
        }

            .doctor_name .doctor_name_span {
                display: inline-block;
                font-size: 3.8rem;
                color: #333;
                vertical-align: middle;
            }

            .doctor_name .doctor_rank {
                display: inline-block;
                font-size: 2.5rem;
                color: #666;
                width: 100%;
                margin-top: 8%;
            }

            .doctor_name > img {
                width: 20%;
                float: right;
                margin-top: 2%;
            }

        .doctor_name_u2 span:nth-of-type(1) {
            font-size: 3.8rem;
            color: #333;
        }

        .doctor_name_u2 span:nth-of-type(2) {
            margin-top: 4%;
            display: flex;
            align-items: center;
        }

        .doctors_header .doctor_name_u2 span img {
            width: 6%;
            height: 100%;
            margin: 0;
            margin-right: 3%;
        }

        .doctor_name_u2 span:nth-of-type(2) div {
            width: 14rem;
        }

        .doctor_title {
            width: 20%;
        }

        .doctor_introduce {
            padding: 2% 5%;
        }

            .doctor_introduce img {
                width: 8%;
                float: left;
            }

            .doctor_introduce span {
                width: 82%;
                font-size: 2.2rem;
                line-height: 1.5em;
                margin-left: 4%;
                overflow: hidden;
                display: -webkit-box;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
                word-break: break-all;
            }

            .doctor_introduce .introduce {
                display: block;
            }

            .doctor_introduce b {
                display: inline-block;
                font-size: 3rem;
                float: right;
                width: 3.5%;
                height: 1em;
                background: url(http://wx.witontek.com:80/eHospital/page_mobile/assets/css/images/jiantou-@2x@2x.png) no-repeat 0 150%;
                background-size: 100%;
                margin-top: 0.5%;
            }

        .select-date {
            margin-top: 2%;
            width: 100%;
        }

            .select-date ul {
                width: 100%;
                display: -webkit-box;
                overflow-x: auto;
                border-top: 1px solid #E5E5E5;
                border-bottom: 1px solid #E5E5E5;
            }

            .select-date li {
                width: 28%;
                -webkit-box-flex: initial;
                padding: 1% 0;
                text-align: center;
                font-size: 0;
                border-right: 1px solid #E5E5E5;
            }

                .select-date li a {
                    display: block;
                    width: 100%;
                    height: 100%;
                }

            .select-date .gh_date, .select-date .gh_day {
                font-size: 2.2rem;
            }

            .select-date .gh_status {
                display: block;
                margin-top: 12%;
                font-size: 2.4rem;
            }

            .select-date .no_sources {
                text-align: center;
                padding: 2% 0;
                font-size: 2.5rem;
                font-family: "microsoft yahei";
                border-top: 1px solid #E5E5E5;
                border-bottom: 1px solid #E5E5E5;
            }

        #no_results {
            text-align: center;
            line-height: 5rem;
            font-family: "microsoft yahei";
        }

        .doctor_introduce .switch {
            background-position: 0 -40%;
        }

        .date {
            display: flex;
            align-items: center;
            justify-content: space-around;
            border-top: 1px solid #E5E5E5;
            padding: 4% 5%;
        }

            .date span {
                font-size: 2.5rem;
            }
        /*.date a{float: right;width: 35%;color: #78B830;font-size: 3rem;text-align: right;}
			.date a b{width: 10%;margin-left: 10%;color: #c5c5c5;}*/
        .nodata {
            padding-top: 0.8em;
            padding-bottom: 2.8em;
            text-align: center;
            height: 1em;
            font-size: 2rem;
            line-height: 1.5em;
            color: #989898;
            font-family: '微软雅黑';
            align-items: baseline;
        }

        /*纵向排列的日期选择*/
        .select-date-longitudinal {
            margin-top: 2%;
            width: 100%;
        }

            .select-date-longitudinal ul {
            }

            .select-date-longitudinal li {
                border-top: 1px solid #E5E5E5;
                width: 100%;
            }

            .select-date-longitudinal a {
                padding: 3% 4%;
            }

                .select-date-longitudinal a span {
                    font-size: 3rem;
                    font-family: "microsoft yahei";
                    flex: 2;
                    position: relative;
                }

            .select-date-longitudinal .lg_date {
                display: block;
                -webkit-box-flex: 4;
                -webkit-flex: 4;
                flex: 4;
            }

            .select-date-longitudinal .lg_day {
                display: block;
                -webkit-box-flex: 5;
                -webkit-flex: 5;
                flex: 5;
            }

        .arrow {
            position: absolute;
            right: -10px;
            top: calc(50% - 8.5px);
            width: 15px;
            height: 17px;
            background: url(../page_mobile/assets/css/images/icon_jiantou@2x.png) no-repeat;
            background-size: 9px;
        }

        #container {
            padding: 10px 0 0 0;
        }
    </style>
    <style>
        footer {
            position: fixed;
            bottom: 0;
            width: 640px;
            margin: 0 auto;
            padding: 10px 0 10px;
            background: #fff;
            border-top: 1px solid #ddd;
        }

        #footer {
            position: fixed;
            bottom: 0;
            width: 640px;
            margin: 0 auto;
            padding: 10px 0 10px;
            background: #fff;
            border-top: 1px solid #ddd;
        }

        footer a {
            float: left;
            width: 161px;
            font-size: 16px;
            color: #999;
            text-align: center;
        }

            footer a .font {
                display: block;
                font-size: 40px;
                margin-bottom: 3px;
            }

            footer a.at {
                color: #d8261c;
            }
    </style>

    <style>
        .search_block {
            margin: 0 0 10px 0;
        }

            .search_block .search_btn {
                float: right;
                display: inline;
                width: 60px;
                height: 34px;
                margin: 0;
                padding: 0;
                background-color: #00a65a;
                border: 1px solid #009900;
                border-left: 0;
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
                color: #fff;
                line-height: 34px;
                text-align: center;
                cursor: pointer;
            }

            .search_block .left {
                margin-right: 60px;
            }

                .search_block .left .search_key {
                    box-sizing: border-box;
                    width: 100%;
                    height: 34px;
                    margin: 0;
                    padding: 0 10px 0 36px;
                    background: url(../../Images/pageOne_11.png) no-repeat 10px center #fff;
                    background-size: 16px;
                    border: 1px solid #ddd;
                    border-right: 0;
                    border-top-left-radius: 5px;
                    border-bottom-left-radius: 5px;
                }

        .search_block {
            margin: 0 3%;
        }

        .cf .btn_u2 {
            background-color: #EBEBEB;
            border: 1px solid transparent;
            color: #8FC454;
        }

        .search_block .left .input_u2 {
            border-radius: 5px;
            border: 1px solid #ddd;
        }
    </style>
</head>
<body>
    <section class="search_block" style="padding-top: 10px; padding-bottom: 10px;">
        <form id="search_doctor_form" name="search_doctor_form" method="post" action="appointmentWx_expertSearch.action" onsubmit="return check_search_doctor();">
            <input type="hidden" name="subType" value="1">
            <div class="cf">
                <button type="submit" id="search_btn" name="search_btn" class="search_btn btn_u2">查询</button>
                <div class="left">
                    <input type="text" id="search_key" name="nameSpecialty" class="search_key input_u2" placeholder="请输入医生姓名查询" data-msg="请输入查询关键字">
                </div>
            </div>
        </form>
    </section>
    <div class="doctors">
        <div class="doctors_u2">
            <div class="doctors_header" onclick="window.open('QuestionList.aspx','_self')">
                <img class="doctors_title_img" src="http://121.199.33.251/open/doctors/12880.11998786458987432.jpg" onerror="this.src='http://wx.witontek.com:80/eHospital/page_mobile/assets/images/pic_doctor2@2x.png'" />

                <div class="doctor_name">
                    <div>
                        <span id="" class="doctor_name_span">顾仰虹</span>

                        <a class="doc_title sp sp-red">副主任医师</a>

                    </div>
                    <span id="" class="doctor_rank">专家门诊</span>
                </div>
            </div>
            <div id="doctor_introduce" class="doctor_introduce">
                <img src="http://wx.witontek.com:80/eHospital/page_mobile/assets/images/zhuanjiajianjie@2x.png" />
                <span class="fl">擅长：
								
									熟练掌握儿科常见病、多发病的诊治，如支气管肺炎、小儿腹泻、血小板减少性紫癜等。
								
								 <br />
                    简介：
								
									毕业于徐州医学院，学士学位。
								
								
                </span>
                <b class="jiantou"></b>
                <i class="cf"></i>
            </div>


        </div>
        <div class="doctors_u2">
            <div class="doctors_header">
                <img class="doctors_title_img" src="" onerror="this.src='http://wx.witontek.com:80/eHospital/page_mobile/assets/images/pic_doctor2@2x.png'" />

                <div class="doctor_name">
                    <div>
                        <span id="" class="doctor_name_span">孙轶秋</span>

                        <a class="doc_title sp sp-red">主治医师</a>

                    </div>
                    <span id="" class="doctor_rank">专家门诊</span>
                </div>

                <!--<i class="cf"></i>-->
            </div>
            <div id="doctor_introduce" class="doctor_introduce">
                <img src="http://wx.witontek.com:80/eHospital/page_mobile/assets/images/zhuanjiajianjie@2x.png" />
                <span class="fl">擅长：
								
								
									暂无
								 <br />
                    简介：
								
								
									暂无
								
                </span>
                <b class="jiantou"></b>
                <i class="cf"></i>
            </div>

        </div>
        <div class="doctors_u2">
            <div class="doctors_header">
                <img class="doctors_title_img" src="" onerror="this.src='http://wx.witontek.com:80/eHospital/page_mobile/assets/images/pic_doctor2@2x.png'" />

                <div class="doctor_name">
                    <div>
                        <span id="" class="doctor_name_span">孙轶秋</span>

                        <a class="doc_title sp sp-red">主治医师</a>

                    </div>
                    <span id="" class="doctor_rank">专家门诊</span>
                </div>

                <!--<i class="cf"></i>-->
            </div>
            <div id="doctor_introduce" class="doctor_introduce">
                <img src="http://wx.witontek.com:80/eHospital/page_mobile/assets/images/zhuanjiajianjie@2x.png" />
                <span class="fl">擅长：
								
								
									暂无
								 <br />
                    简介：
								
								
									暂无
								
                </span>
                <b class="jiantou"></b>
                <i class="cf"></i>
            </div>

        </div>
        <div class="doctors_u2">
            <div class="doctors_header">
                <img class="doctors_title_img" src="" onerror="this.src='http://wx.witontek.com:80/eHospital/page_mobile/assets/images/pic_doctor2@2x.png'" />

                <div class="doctor_name">
                    <div>
                        <span id="" class="doctor_name_span">孙轶秋</span>

                        <a class="doc_title sp sp-red">主治医师</a>

                    </div>
                    <span id="" class="doctor_rank">专家门诊</span>
                </div>

                <!--<i class="cf"></i>-->
            </div>
            <div id="doctor_introduce" class="doctor_introduce">
                <img src="http://wx.witontek.com:80/eHospital/page_mobile/assets/images/zhuanjiajianjie@2x.png" />
                <span class="fl">擅长：
								
								
									暂无
								 <br />
                    简介：
								
								
									暂无
								
                </span>
                <b class="jiantou"></b>
                <i class="cf"></i>
            </div>

        </div>
        <div class="doctors_u2">
            <div class="doctors_header">
                <img class="doctors_title_img" src="" onerror="this.src='http://wx.witontek.com:80/eHospital/page_mobile/assets/images/pic_doctor2@2x.png'" />

                <div class="doctor_name">
                    <div>
                        <span id="" class="doctor_name_span">孙轶秋</span>

                        <a class="doc_title sp sp-red">主治医师</a>

                    </div>
                    <span id="" class="doctor_rank">专家门诊</span>
                </div>

                <!--<i class="cf"></i>-->
            </div>
            <div id="doctor_introduce" class="doctor_introduce">
                <img src="http://wx.witontek.com:80/eHospital/page_mobile/assets/images/zhuanjiajianjie@2x.png" />
                <span class="fl">擅长：
								
								
									暂无
								 <br />
                    简介：
								
								
									暂无
								
                </span>
                <b class="jiantou"></b>
                <i class="cf"></i>
            </div>

        </div>
        <div class="doctors_u2">
            <div class="doctors_header">
                <img class="doctors_title_img" src="" onerror="this.src='http://wx.witontek.com:80/eHospital/page_mobile/assets/images/pic_doctor2@2x.png'" />

                <div class="doctor_name">
                    <div>
                        <span id="" class="doctor_name_span">孙轶秋</span>

                        <a class="doc_title sp sp-red">主治医师</a>

                    </div>
                    <span id="" class="doctor_rank">专家门诊</span>
                </div>

                <!--<i class="cf"></i>-->
            </div>
            <div id="doctor_introduce" class="doctor_introduce">
                <img src="http://wx.witontek.com:80/eHospital/page_mobile/assets/images/zhuanjiajianjie@2x.png" />
                <span class="fl">擅长：
								
								
									暂无
								 <br />
                    简介：
								
								
									暂无
								
                </span>
                <b class="jiantou"></b>
                <i class="cf"></i>
            </div>
        </div>


    </div>
    <div class="doctors" style="display: none;">
        <div class="doctors_u2">
            <div class="doctors_header">
                <img class="doctors_title_img" src="" onerror="this.src='http://wx.witontek.com:80/eHospital/page_mobile/assets/images/pic_ordinary-outpatient@2x.png'" />

                <div class="doctor_name doctor_name_u2">
                    <span id="" class="doctor_name_span">儿科门诊
                    </span>
                    <span id="">
                        <img src="http://wx.witontek.com:80/eHospital/page_mobile/assets/images/weizhi@2x.png" />
                        <div>
                            门诊五楼西
                        </div>
                    </span>
                </div>
                <!--<i class="cf"></i>-->
            </div>
            <div id="doctor_introduce" class="doctor_introduce">
                <img src="http://wx.witontek.com:80/eHospital/page_mobile/assets/images/keshijieshao-@2x.png" />
                <span class="fl">特色：
								
									      擅长儿科各种危重疾病诊疗。    
      儿科开放床位80余张，利用中西医结合的方法治疗各种肺炎喘嗽、泄泻、肠炎、脑炎、心力衰竭、心肌炎、支气管哮喘、急性喉炎、泌尿系统感染等儿科常见疾病、多发病的诊治。还擅长诊治传染性单核细胞增多症、川崎病、血小板减少性紫癜、过敏性紫癜、肾炎、肾病等疑难病、慢性病等疑难病科室采取传统的中药汤剂口服，并配合中医推拿手法加中药敷贴治疗小儿泄泻，采用夏天穴位贴敷加冬天膏方口服，冬夏同时双管齐下治疗哮喘的方法。
      新生儿科能成功救治各种呼吸衰竭、新生儿缺氧缺血性脑病、颅脑出血、胎粪及羊水吸入综合症、败血症、化脓性脑膜炎、新生儿黄疸等，尤其对早产儿、低体重儿的救治经验丰富。
      儿保康复门诊，免费为本县各乡镇的小儿定期体检，并建立(0-6岁)个人健康档案。积极开展小儿脑瘫的早期诊断与干预治疗，积极开展中西医结合治疗小儿腹泻、厌食、咳嗽、多动等儿科疾病。开展中药穴位敷贴治疗小儿肺系咳喘病;膏方疗法治疗小儿反复呼吸道感染和哮喘等病证;脐部敷贴疗法、刺四缝疗法治疗小儿厌食;火丁指压法治疗婴幼儿吐乳症等特色疗法。    
								
								 <br />
                    简介：
								
									      沭阳县中医院儿科始建于1978年，现有主任医师2名，副主任医师5名，主治医师8名，住院医师多名。年门诊量10万余人次，拥有CPAP4台、呼吸机3台、新生儿保暖箱30台、蓝光箱4台、心电监护仪、进口超声雾化仪等先进设备。
我科医护人员经过30多年的不懈努力，现已发展成为能为全县广大患儿提供良好医疗、护理、预防、保健等儿科全方位专业的综合服务。我们将继续坚持“以病人为中心”的服务理念，以精湛的医疗技术，为广大患儿提供优质服务。   
      科室电话：0527---83550251   0527--83551087
								
								 
                </span>
                <b class="jiantou"></b>
                <i class="cf"></i>
            </div>

        </div>
    </div>

    <div id="btn-u2" class="satisfaction_select_u2" style="visibility: hidden;">
        <div id="" class="bg-color">专家门诊</div>
        <div id="">普通门诊</div>
        <i class="cf"></i>
    </div>
    <div id="footer">
        ﻿<footer>

            <a href="PatientIndex.aspx?openid=<%=openid %>" class="link at">医生列表</a>
            <a href="QuestionList1.aspx" class="link">咨询列表</a>
            <%--<a href="#" class="link">最近答复</a>--%>
        </footer>
    </div>

    <!DOCTYPE html>
    <html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="format-detection" content="telephone=no" />
        <style type="text/css">
            #footclass2 {
                width: 100%;
                margin-left: auto;
                margin-right: auto;
                padding: 10px 0 5px;
                bottom: 3px;
            }

                #footclass2 > p {
                    display: inline-block;
                    width: 100%;
                    color: #989898;
                    text-align: center;
                    font-size: 14px;
                    font-family: "microsoft yahei";
                }
        </style>
    </head>
    </html>

    <script type="text/javascript">

        $(window).on('load', function () {
            $(".doctors_title_img").css('height', $(".doctors_title_img:visible").width())
        })

        $(window).on('resize', function () {
            $(".doctors_title_img").css('height', $(".doctors_title_img:visible").width())
        })

        $("#btn-u2 div").each(function (i) {

            $(this).on('click', function () {
                $(this).addClass('bg-color').siblings().removeClass('bg-color')
                $(".doctors").eq(i).show().siblings(".doctors").hide()
            })
        });
        $(".doctor_introduce").each(function () {
            $(this).find(".jiantou").on("click", function () {
                $(this).toggleClass("switch")
                $(this).parent().find('span').toggleClass("introduce")
            })
        });

        $().ready(function () {
            var length = "8";
            if (length == 0) {
                $("#btn-u2").hide();
                $(".doctors").eq(0).hide().siblings(".doctors").show();
            }
        });

        $('.link').on('click', function () {
            $(".link").removeClass('at');
            $(this).addClass('at');
        });
    </script>
</body>
</html>



